<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <LINK href="style.css" rel="stylesheet" type="text/css">
   <title>Mariachi Casa Wait Staff Screen</title>
</head>

<body> 
   <div id="tables">
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 1</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 2</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 3</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
   
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 4</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 5</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table6">
         <table border="1" cellpadding="10px">
		    <caption>Table 6</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 7</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 8</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
   
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 9</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 10</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 11</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table6">
         <table border="1" cellpadding="10px">
		    <caption>Table 12</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 13</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 14</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 15</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 16</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 17</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table6">
         <table border="1" cellpadding="10px">
		    <caption>Table 18</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 19</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 20</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 21</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 22</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 23</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
	  
      <div id="table1-5">
         <table border="1" cellpadding="10px">
		    <caption>Table 24</caption>
            <tr>
               <td>1</td>
               <td>2</td>
            </tr>
            <tr>
               <td>3</td>
               <td>4</td>
            </tr>
         </table>
	  </div>
   </div>
   
   <div id="key">
      Wait Time:<br/><br/>
	  Press a table to view more information or to make modifications to the table.<br/><br/>
	  <div id="tabletActive">
         <table border="1" cellpadding="10px">
            <tr>
               <td style="background-color:#00CC00"> </td>
            </tr>
         </table> 
	  </div>
	  <div id="keyText">Tablet Active</div>
	  <br/>
	  
	  <div id="refillRequested">
         <table border="1" cellpadding="10px">
            <tr>
               <td style="background-color:#009E8E"> </td>
            </tr>
         </table>
	  </div>
	  <div id="keyText">Refill Requested</div>
	  <br/>
	  
	  <div id="tabPaid">
         <table border="1" cellpadding="10px">
            <tr>
               <td style="background-color:#FFE400"> </td>
            </tr>
         </table>
	  </div>
	  <div id="keyText">Tab Paid</div>
	  <br/>
	  
	  <div id="helpRequested">
         <table border="1" cellpadding="10px">
            <tr>
               <td style="background-color:#FF0D00"> </td>
            </tr>
         </table>
	  </div>
	  <div id="keyText">Help Requested</div>
	  <br/>
	  
	  <div id="freeDessertWon">
         <table border="1" cellpadding="10px">
            <tr>
               <td style="background-color:#FF6200"> </td>
            </tr>
         </table>
	  </div>
	  <div id="keyText">Free Dessert Won</div>
	  <br/>
	  
	  <div id="orderIsReady">
         <table border="1" cellpadding="10px">
            <tr>
               <td style="background-color:#AA00A2"> </td>
            </tr>
         </table>
	  </div>
	  <div id="keyText">Order Is Ready</div>
	  <br/>
	  
	  <div id="tabletNotInUse">
         <table border="1" cellpadding="10px">
            <tr>
               <td> </td>
            </tr>
         </table>
	  </div>
	  <div id="keyText">Tablet Not In Use</div>
	  <br/>
	  
	  <div id="waiterOnly">
         <table border="1" cellpadding="10px">
            <tr>
               <td style="background-color:#828282"> </td>
            </tr>
         </table>
	  </div>
	  <div id="keyText">Waiter Only</div>
	  <br/>
	  
	  <div id="tabletDamaged">
         <table border="1" cellpadding="10px">
            <tr>
               <td style="background-color:#000000"> </td>
            </tr>
         </table>
	  </div>
	  <div id="keyText">Tablet Damaged</div>
   </div>

</body>
</html>